/******************************
 ** 初始化
 ** 兼容到IE7
 ** author:liubin
 ******************************/
* { margin:0; padding:0;}
html { height:100%; }
body  { max-width:1920px; margin:0 auto; font:14px/1.5 "Microsoft Yahei", Arial; color:#222; background:#FFF; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#3f4461; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6 { font-size:14px; }
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#f5b200; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.fl{ float: left;}
.fll{ float: left;padding-left: 34px; padding-top: 20px;}
.fr{ float: right;}
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut,[nowrap] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1100px; margin:0 auto; position:relative; }
.wrapper { margin-bottom:50px; min-height:auto; padding-top:60px; padding-bottom: 50px;}
.clearfix:after{content:""; clear:both; height:0; line-height: 0px; font-size:0; }
[guodu] * , .container *{ transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
[this_guodu]{ transition: background 300ms; -webkit-transition: background 300ms; }


/******************************
 ** 首页风格
 ******************************/
 /*top*/
.header { height:190px; background:#333; position:relative; z-index:11; position: relative; }
.header .top_box{width:100%; height:47px; background:url(../images/top_bg.jpg) center top no-repeat;  color:#858585;  }
.header .top_box .wrap{height:47px; line-height: 47px;}
.header .top_box a{float: right; padding-left:10px; color: #fff;}
.header .top_box span{color: #fff; padding-left: 10px; }
.header{height:188px; width: 100%;background:#fff;  }
.header .logo{ width:400px; height:70px; margin-right: 18px; margin-top: 40px;}
.header .topAdv{  height:73px; font-weight: normal; padding-left: 18px; margin-top: 42px; border-left: 1px #ebf2f8 solid;  }
.header .topAdv h3{font-size:30px; color:#2c2c2c; font-weight: bold; line-height: 1.3;}
.header .topAdv h4{ font-size:20px; color:#020202;  line-height: 1.4; font-weight: normal;}
.topTel{ height: 52px;  margin-top: 28px;}
.topTel h5{background:url(../images/top_tel1.jpg) no-repeat left 11px;  padding-left: 32px; font-weight: normal;  font-size:18px; color:#515151; height: 40px; line-height: 40px;}
.topTel h6{background:url(../images/top_tel2.jpg) no-repeat left 11px;  padding-left: 32px; color:#515151; font-weight: normal; font-size:18px; height: 40px; line-height: 40px;}
.topTel h5 font{ font-size: 30px; color: #005bac;  font-family:"impact";  } 
.topTel h6 span{color: #f86505; font-size: 30px;  font-family:"impact"; }

.nav_box{width:100%;height:56px;background:#005bac;position:relative; z-index:20; }
.nav_minbox{width:1100px;height:56px;margin: 0 auto;}
.nav_minbox li:first-child{background:none;}
.nav_minbox > li,.nav_minbox > li > a{float:left;width:122px;height:56px;line-height:56px;font-size:16px;text-align:center;color:#fff;}
.nav_minbox > li{  position: relative; z-index:30; }
.nav_minbox > li > a{  
        transition:background 0.3s;
    -webkit-transition:background 0.3s;
}
.nav_minbox > li:hover , .nav_minbox > li.hover_nav{ background-color: #f86505;}
.hover_nav{background:url(../images/nav_list.jpg) no-repeat 1px bottom;}
.nav2_box{display:none; width:270px;height:28px;font-size:14px;position:absolute;top:56px;z-index: 40; left:0; }
.nav2_box dd{float: left;}
.nav2_box dd a{float:left; width:90px;height:28px;line-height:28px;font-size: 14px; color: #fff; background:url(../images/nav2_line.png) no-repeat left center;
    padding:0 5px; text-align: center; padding:0 10px 0 10px; 
}
.nav2_box dd a.bgNone{background: none; }
.nav2_box dd a:hover{ color: #f86505;}
.nav2_bgcolor{display:none;width:100%;height:28px;background:rgba(0,91,172,.5); position:absolute;top:56px; z-index:3;}
@media \0screen\,screen\9 { 
.nav2_bgcolor { 
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f005bac,endColorstr=#7f005bac); 
background:url(about:blank);
    }
}
 /*banner*/
.searcher {float: left; width:276px; height:32px;  background:#c5c5c5;  position: relative; left: 0; margin-left: 244px; *margin-left: 0 ; *left: 30px; top: 16px; }
.searcher .txt { float:left; height:27px; line-height:27px; width:220px;  margin:2px 0 0 3px; background:#fff; border:0; color:#999; padding:0 0 0 10px; font-size: 14px; }
.searcher .submit { float:right; width:42px; height:32px; background:url(../images/sousuo_bg.png) center center no-repeat #c5c5c5; border:0; color:#c2c4d0; cursor:pointer; }
.searcher .submit:hover { opacity:.9;  }

/*标题*/
.ihead { height:84px;  text-align:center;  position: relative;}
.ihead h2 {width:210px;  height:36px;  width: 214px; margin:0 auto; line-height: 36px;font-size:13px; color:#333; 
    text-transform: uppercase;
 font-weight: normal; position: relative;text-align: center;  }
.ihead h2 i {  height:1px; width:50px;  background:#333;    position: absolute; left: 0; top: 50%; 
}
.ihead h2 i:first-child {  left: auto; right: 0; top: 50%; }
.ihead h4{   font-size:20px; line-height: 22px;  text-align: center; width:100%; color:#333; font-weight: bold;  text-transform: uppercase; }
.ihead h4 span{color: #0054AA;}
.ihead h4 font{color: #F84C00;}
.ihead h6{   font-size:14px; line-height: 18px; text-align: center; width:100%;  color:#949494; font-weight: normal;    }

/*iabout*/
.iabout {  color:#2E2E2E; background:url(../images/about_Bg.jpg) center center no-repeat #005bac;   height: 571px;   }
.iabout .iaboutBox{ width: 1100px; margin:0 auto;   position: relative;  }
.iabout .sketchmap { position: absolute;  width:433px; height: 400px; overflow:hidden; left:0; top:110px;  z-index: 2;}
.iabout .sketchmap img { display:block; height:400px; width:100%;}
.iabout .info { padding-left: 490px;  height:502px;     top: 53px; font-size:14px;  position:relative; line-height:24px;  }
.iabout .info h2{height: 60px;  line-height: 36px;   font-size: 35px;  color: #b9cae1; font-weight: normal;  position: relative; }
.iabout .info h2 font{ position: absolute; z-index: 2;left: 0;top: 0;}
.iabout .info h2  span{color: #236bb3; font-size: 55px;   font-family: "impact";   position: absolute; left: 16px; top: 20px; z-index: 1;}
.info>h1{ font-size:20px;height: 60px; line-height: 60px;  color:#ffffff;  font-weight: normal;   }
.iabout .info>p{ overflow: hidden;  color:#fff; line-height: 26px; font-size: 14px;  padding-bottom: 30px; height: 148px;   background:url(../images/about_btline.png) center bottom no-repeat;}
.iabout .about_img{   overflow: hidden;  height: 146px;   padding-top: 24px;  }
.iabout .about_img a{display: block; }
.iabout .about_img a:hover{opacity:.9}
.iabout .about_img img{ float: left; width: 193px;  height: 144px;  margin-left: 15px; }
.iabout .about_img a:first-child img{margin-left: 0; }
/*icase*/
.icase{padding-top: 50px; }
.icase .icaseBox{ padding-top: 20px; height: 254px; }
.icase .tod{ width: 997px;overflow: hidden;height: 254px; position: relative; margin:0 auto;}
.icase .tod ul{ overflow: hidden;width: 300%;  height: 254px; position: absolute; left: 0; top: 0; }
.icase .tod li{float: left;position: relative;height: 225px; width: 238px;margin: 0 15px 0 0;text-align: center;}
.icase .tod li:hover .wd span{  text-decoration: underline; }
.icase .tod li .img{position: relative;width: 238px;height: 178px;display: block;z-index: 1;}
.icase .tod li img{ height: 178px;width: 238px;position: absolute;top: 0;left: 0;display: block;}
.icase .tod .wd {    height: 37px; line-height: 37px;background:url(../images/icase_tbg.png) center center no-repeat #005bac;}
.icase .tod .wd span{ text-align: left; width: 110px;  float: left;  height: 37px;  padding-left: 15px; }
.icase .tod .wd font{   float: right;  height: 37px;padding-right: 15px;   }
.icase .tod .wd font:hover{text-decoration: underline; }
.icase .tod .wd a{ display: block; height: 37px; line-height: 37px; color: #fff;  overflow: hidden; }
.icase .arrow{ margin: 0 auto;height: 36px;margin-top: 20px; position: relative;top: -200px;}
.icase .arrow_r,.icase .arrow_l{width: 30px;height: 62px; position: absolute;top: 0 ; background: url(../images/icase_tip.png) no-repeat left bottom;  }
.icase .arrow_r:hover,.icase .arrow_l:hover{opacity:.9 ;  filter:alpha(opacity=90); }
.icase .arrow_r{margin-right: 36px; left: 0;   background-position: left top;}
.icase .arrow_l {right: 0;}
.icase .detailx{color: #fff;width: 145px;height: 36px;text-align: center;margin: 0 auto;line-height: 36px;display: block;
background: #e00100;margin-top: -27px;}
/*inews*/
.inews{padding-top: 18px;  }
.inewsBox{padding-top: 30px;  }
.inewsBox .inewsLeft{height:364px; width: 450px; position: relative;overflow: hidden; }
.inewsBox .inewsLeft .inews_tip{   width: 37px; height: 84px; position: absolute; right: 0; top: 0; }
.inewsBox .inewsLeft .inews_tip span{ display: block; width: 100%; height: 36px; margin-bottom: 5px; cursor: pointer;}
.inewsBox .inewsLeft .inews_tip span.inews_tipl{ background: url(../images/inews_tip.jpg) no-repeat left top;  }
.inewsBox .inewsLeft .inews_tip span.inews_tipr{ background: url(../images/inews_tip.jpg) no-repeat left bottom;  }
.inewsBox .inewsLeft .inews_tip span:hover{ opacity:.9 ;filter:alpha(opacity=90); }
.inewsBox .inews_scroll{ width:413px;height: 377px; position: relative; }
.inewsBox .inews_scroll .inews_guding{ height: 310px; width:413px; overflow: hidden;   position: relative; }
.inewsBox .inews_scroll .inews_gun{  position: absolute; left: 0; top: 0;   z-index: 1;  width: 200%;}
.inewsBox .inews_scroll .inews_scroll_box{ float: left; height: 310px; width:413px; position: relative;    }
.inewsBox .inews_scroll .inews_scroll_box:first-child { display:block; }
.inewsBox .inewsLeft img{display: block; width: 413px; height: 310px;  }
.inewsBox .inewsLeft .inewsBt{background:#005bac;  height: 91px;  width: 382px;  padding:0 15px;   color:#fff;  position: absolute; left: 0; bottom: 0; }
.inewsBox .inewsLeft .inewsBt > a{display: block;       font-size:16px; color:#fff;   line-height: 26px; padding-top: 10px;  }
.inewsBox .inewsLeft .inewsBt > p{font-size:14px; line-height: 24px; color: #ffffff;}

.inewsBox .inewsRit{width: 610px;  }
.inewsRit h1{position: relative;   background-color: #f4f4f4; color:#333333; height: 68px;   margin-top: 12px; overflow: hidden; }
.inewsRit h1:first-child{ margin-top:0;}
.inewsRit h1 em{ position: absolute; left: 0; top: 0; font-style: normal; display: block; width: 63px;  overflow: hidden;  padding-right: 6px; height: 68px;text-align: center; font-size: 45px; 
    line-height: 68px;  background:url(../images/inews_line.jpg) no-repeat right center #005bac;color: #fff; font-family: "impact"; }
.inewsRit h1 a,.inewsRit h1 p{  padding-left: 82px;display: block; padding-right: 80px; }
.inewsRit h1 a{ font-size:16px;  line-height: 26px; padding-top: 10px;   position: relative; font-weight: normal;}
.inewsRit h1 > font{  position: absolute; right: -69px; top: 0; font-style: normal; display: block; width: 63px; overflow: hidden; padding-right: 6px; 
    height: 68px;text-align: center; line-height: 26px;  background:url(../images/inews_line.jpg) no-repeat right center #005bac; color: #fff;    font-size: 14px; font-weight: normal; 
  }
.inewsRit h1 > font span{display: block;  font-size: 24px;  height: 35px; line-height: 42px; color: #fff; font-family: "impact"; }
.inewsRit h1 p{   font-size:14px; font-weight: normal; padding-top: 0; }
.inewsRit h1:hover a ,.inewsRit h1:hover p{ padding-left: 12px; }
.inewsRit h1:hover >font{right: 0; }
.inewsRit h1:hover em{ left: -69px; }
/*ipro*/
 .floor-1 { padding:75px 0 45px; }
 .floor-1 .ipro_yinying{   width: 140px; height: 320px;  position: absolute; left: -140px; top: 240px; background: url(../images/ipro_yinying.jpg) center top no-repeat }

.floor_left { float:left; width:258px;  }
.floor_menu {  background-color: #f6f6f6; height: 614px;  position: relative; }
.floor_class { width:100%; margin:0 auto; height:90px; padding-bottom: 16px;  background: url(../images/ipro_topbg.png) center top no-repeat #f6f6f6; text-align: center;}
.floor_class h2 {   font-size:20px;text-align: center; color: #fff; line-height: 1.4; }
.floor_class span { display: block; font-size:14px; color:#fff; text-transform: uppercase; line-height: 1.2; padding-top: 13px; }
.floor_menu .list { margin:0 16px; padding:0 0 6px;  }
.floor_menu dd { margin-bottom: 10px; }
.floor_menu dd > a { display:block; height:40px; line-height:40px; border:1px solid #005bac;  text-align: center;  color: #535353;  background-position: 200% center;}
.floor_menu dd > a:hover ,.floor_menu dd.current > a { background:url(../images/ipro_hover.png) right center no-repeat; border: none;   background-color: #005bac;height: 42px; color: #fff; }
.floor_menu .drop { width:100%; padding:0 0; background:;  display:none; }
.floor_menu .drop li { width:100%; height:32px; line-height:32px; }
.floor_menu .drop a { display:block; padding:0 0 0 25px;  background:url(../images/ico-submenu.png) 10px center no-repeat;  }
.floor_menu .drop a:hover { background-color:; }
.floor_menu dd.current .drop { display:block; }
.floor_menu li.current > a { color:#005BAC; background-color:; }
.floor_menu .floor_tel{ background-color: #005bac; color: #fff; padding:12px 0; position: absolute; left: 0; bottom: 0; width: 100%;}
.floor_menu .floor_tel h1{width: 134px; margin:0 auto; font-size: 18px; line-height: 28px;  color: #fff; font-weight: normal; padding-left: 30px;   text-align: center;  background:url(../images/side_tel.png) left center no-repeat; }
.floor_menu .floor_tel h2{font-size: 31px;   line-height: 34px;color: #fff; font-weight: normal; font-family: "impact";   text-align: center;}

.ipro-rmd { margin:0 0 18px 294px; }
.ipro-rmd .head { height:30px; line-height:20px; border-bottom:1px solid #ddd; position:relative; margin-bottom:20px; position: relative; }
.ipro-rmd .head h2 {     text-transform: uppercase; font-size: 16px; 
        color: #005bac;}
.ipro-rmd .head h2 span{color: #c5c5c5; font-size: 12px; font-weight: normal; }
.ipro-rmd .head font{ display: block; width: 134px; height: 5px;  background-color: #005bac; position: absolute; left: 0;  bottom: -3px; }
.ipro-rmd .main { width:100%; overflow:hidden; position:relative; height: 264px; }
.ipro-rmd .list { float:left; width:100%; }
.ipro-rmd .item { float:left; width:368px;  margin:0 0 0 15px; }
.ipro-rmd .item:first-child { margin-left:0; }
.ipro-rmd .item a { display:block;   }
.ipro-rmd .item img { display:block; width:344px; height:258px;padding:2px; border: 1px #ccc solid;  }
.ipro-rmd .item_2{float: right; width: 428px; height: 264px; position: relative;}
.ipro-rmd .item_2 h1{font-size: 20px;  height: 42px; line-height: 38px;   color: #333333;border-bottom: 1px #ccc solid; font-weight: normal; }
.ipro-rmd .item_2 h2{font-size: 16px; height: 50px;  line-height: 50px; color: #333333;  font-weight: normal; }
.ipro-rmd .item_2 h3{font-size: 14px; color: #333333;  font-weight: normal;  }
.ipro-rmd .item_2>a{ width: 116px;  height: 35px;   line-height: 35px; position: absolute; left: 0; bottom: 10px;   background-color: #f86505; color: #fff; font-size: 14px; text-align: center; display: block;   border-radius: 6px; }
.ipro-rmd .item_2>a:hover{ width: 124px; }

.ipro-rmd .head2{ background:url(../images/ipro_title2.png) center center no-repeat;font-size: 20px;  text-align: center; height: 44px; line-height: 44px; color: #333333;}
.ipro-rmd .list2 {   width:100%; position: absolute; left: 0; top: 0; }
.ipro-rmd .list2 .iproBox{ width: 100%;  height: 264px; overflow: hidden; }
.ipro-rmd .item2 { float:left; width:258px;  margin:0 0 0 15px; }
.ipro-rmd .list2 .item2:first-child{ margin-left: 0;}
.ipro-rmd .item2 a { display:block; padding:3px; }
.ipro-rmd .item2 img { display:block; width:100%; height:193px; }
.ipro-rmd .item2 h3 { height:38px; line-height:38px; background:#005bac; border-top: 2px #fff solid;  color: #fff ; text-align:center; font-weight:normal; }
.ipro-rmd .item2:hover h3 { background:#f86505; color:#fff; }

 /*bottom*/
.bottom{background-color: #005bac;  border-bottom: 1px #fff solid;  height: 146px; }
.bottom .bottomBox{ text-align: center;height: 146px; }
.bottomBox span{width: 82px; height: 38px; display: block; margin:0 auto; background:url(../images/go_top.jpg) center center no-repeat;cursor: pointer; }
.bottomBox p{ height: 65px;  line-height: 65px; display: block; margin:0 auto; font-size: 22px;   color: #fff;  background:url(../images/link_line.png) center center no-repeat;}
.bottomBox p b{font-style: normal;  font-weight: normal;   font-family: "impact";}
.bottomBox .link{text-align: left;color: #fff;}
.bottomBox .link a{color: #fff;}
.bottomBox .link a:hover{color: #f86505;}
.bottomBox>font{display: block; width: 270px; height: 7px; position: absolute; left: 50%; margin-left: -135px;  bottom: -3px; background-color: #fff;}

.footer { background-color: #005bac;   color:#fff;   min-height: 246px; padding-top: 24px; padding-bottom: 22px; }
.footer .footerBox{ min-height: 174px;}  
.footer .footer_left{width: 402px; height: 200px; padding:30px 30px 20px;  background: url(../images/bt_contact.png) center center no-repeat ;  position: relative; }
.footer_left h1{font-size: 25px; font-weight: normal;  line-height: 1.4 ; }
.footer_left h2{font-size:16px; font-weight: normal;  line-height: 1.5 ; } 
.footer_left h3{font-size:14px; font-weight: normal;  line-height: 26px ; padding-top: 10px; } 
.footer_left h4{  position: absolute; width: 130px;  height: 130px; top:27px;  right:30px ; }
.footer_left h4 span{display: block; width: 117px;  height: 117px; position: absolute; right: 0; top: 0; z-index: 1; background-color: #80add6;}
.footer_left h4 img{display: block; width: 117px;  height: 117px; position: absolute; right: 13px; top: 13px; z-index: 2;}
.footer .footer_r{width: 550px; height: 234px; position: relative; top: 10px; }
.footer .footer_r .bdmap{  height: 234px;}

.bottom_bt{background-color: #004d91;}
.bottom_bt>div{ height: 60px; color: #fff;   line-height: 60px; }
.bottom_bt a{color: #fff;}
.bottom_bt a:hover{color: #f86505;}

/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:230px; }
.side-menu {  background-color: #f6f6f6; }
.topclass { width:100%; margin:0 auto; height:90px; padding-bottom: 20px;  background: url(../images/ipro_topbg.png) center top no-repeat #f6f6f6; text-align: center;}
.topclass h2 {   font-size:20px;text-align: center; color: #fff; line-height: 1.4; }
.topclass span { display: block; font-size:14px; color:#fff; text-transform: uppercase; line-height: 1.2; padding-top: 13px; }
.side-menu .list { margin:0 16px; padding:0 0 6px;  }
.side-menu dd { margin-bottom: 10px; }
.side-menu dd > a { display:block; height:40px; line-height:40px; border:1px solid #005bac;  text-align: center;  color: #535353;  background-color: #fff; background-position: 120% center; transition:background 300ms;  -webkit-transition:background 300ms;}
.side-menu dd > a:hover ,.side-menu dd.current > a { background:url(../images/ipro_hover.png) right center no-repeat #005bac; border: none;    height: 42px; color: #fff; }
.side-menu .drop { width:100%; padding:0 0; background:;  display:none; }
.side-menu .drop li { width:100%; height:32px; line-height:34px; }
.side-menu .drop a { display:block; padding:0 0 0 25px;  background:url(../images/ico-submenu.png) 10px center no-repeat;  }
.side-menu .drop a:hover { background-color:; }
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a { color:#005bac; background-color:; }
.side-menu .side_tel{ background-color: #005bac; color: #fff; padding:12px 0;}
.side-menu .side_tel h1{width: 134px; margin:0 auto; font-size: 18px; line-height: 28px;  color: #fff; font-weight: normal; padding-left: 30px;   text-align: center;  }
.side-menu .side_tel h2{font-size: 31px;   line-height: 34px;color: #fff; font-weight: normal; font-family: "impact";   text-align: center;}

.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-contact { margin-bottom:20px; position:relative; top:20px; background-color: #f6f6f6; border-top:4px solid #005bac; }
.side-contact .main { padding:0 12px 15px; line-height:2; }

.container { float:right; width:830px; }
.containerTwo{float:right; width:830px; }

.location { height:45px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:40px; height:3px; background:#f5b200; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:24px; line-height:24px;  }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666;   padding:0 0 0 25px; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }

/************
**********
*******news等内页
**************/
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#005bac; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }
 



/******************************
 ** 内页页面通用
 ******************************/
.sidebar { float:left; width:230px; }
.side-menu {  background-color: #f6f6f6; }
.topclass { width:100%; margin:0 auto; height:90px; padding-bottom: 20px;  background: url(../images/ipro_topbg.png) center top no-repeat #f6f6f6; text-align: center;}
.topclass h2 {   font-size:20px;text-align: center; color: #fff; line-height: 1.4; }
.topclass span { display: block; font-size:14px; color:#fff; text-transform: uppercase; line-height: 1.2; padding-top: 13px; }
.side-menu .list { margin:0 16px; padding:0 0 6px;  }
.side-menu dd { margin-bottom: 10px; }
.side-menu dd > a { display:block; height:40px; line-height:40px; border:1px solid #005bac;  text-align: center;  color: #535353;  background-color: #fff; background-position: 120% center; transition:background 300ms;  -webkit-transition:background 300ms;}
.side-menu dd > a:hover ,.side-menu dd.current > a { background:url(../images/ipro_hover.png) right center no-repeat #005bac; border: none;    height: 42px; color: #fff; }
.side-menu .drop { width:100%; padding:0 0; background:;  display:none; }
.side-menu .drop li { width:100%; height:32px; line-height:34px; }
.side-menu .drop a { display:block; padding:0 0 0 25px;  background:url(../images/ico-submenu.png) 10px center no-repeat;  }
.side-menu .drop a:hover { background-color:; }
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a { color:#005bac; background-color:; }
.side-menu .side_tel{ background-color: #005bac; color: #fff; padding:12px 0;}
.side-menu .side_tel h1{width: 134px; margin:0 auto; font-size: 18px; line-height: 28px;  color: #fff; font-weight: normal; padding-left: 30px;   text-align: center;  background:url(../images/side_tel.png) left center no-repeat; }
.side-menu .side_tel h2{font-size: 31px;   line-height: 34px;color: #fff; font-weight: normal; font-family: "impact";   text-align: center;}

.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-contact { margin-bottom:20px; position:relative; top:20px; background-color: #f6f6f6; border-top:4px solid #005bac; }
.side-contact .main { padding:0 12px 15px; line-height:2; }

.container { float:right; width:923px; }
.location { height:45px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:40px; height:3px; background:#ff6200; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:24px; line-height:24px;  }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666; background:url(../images/ico-location.png) left center no-repeat; padding:0 0 0 25px; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }
 
.list-product { width:100%; }
.list-product .list { float:left; width:101.5%; }
.list-product .item { float:left; width:188px; padding:5px 5px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.list-product .item .img { width:100%; height:141px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.list-product .item .img img { width:100%; height:141px; }
.list-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.list-product .item h3 a { }
.list-product .item .order { text-align:center; display:none; }
.list-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.list-product .item:hover { border-color:#005bac; }
.list-product .item .order a:hover {  }

/* 图片4:3 */
.list-product2 { width:100%; }
.list-product2 .list { float:left; width:101.5%; padding-bottom:20px; }
.list-product2 .item { float:left; width:223px; margin:0 10px 0 0; }
.list-product2 .item .img { width:100%; height:167px; overflow:hidden; }
.list-product2 .item .img img { width:100%; height:167px; }
.list-product2 .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-product2 .item h3 a { }
.list-product2 .item .order { text-align:center; }
.list-product2 .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../images/order.png) center center no-repeat; }
.list-product2 .item:hover { border-color:#c8a48e; }
.list-product2 .item .order a:hover { background-image:url(../images/order-hover.png); }

/* 4:3 图文 */
.list-case { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 3:4 图文 */
.list-case2 { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case2 .list { padding:10px 0 10px; }
.list-case2 .item { padding:15px 0 15px 180px; height:126px; border-top:1px dashed #ddd; position:relative; }
.list-case2 .item:first-child { border-top:0; }
.list-case2 .item .img { position:absolute; left:0; top:15px; width:166px; height:126px; background:#f1f1f1; }
.list-case2 .item .img img { display:block; width:166px; height:126px; }
.list-case2 .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case2 .item h3 a { color:#3f4461; }
.list-case2 .item h3 a:hover { color:#005bac; text-decoration:underline; }
.list-case2 .item p { max-height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case2 .item .detail { height:20px; }
.list-case2 .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:101.5%; }
.list-photo .item { float:left; width:183px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:137px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:137px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#c8a48e; }

/* 附属简介 */
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#005BAC; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; color:#005bac; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { color:#005bac; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#005bac; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-content h1 { font-size:24px; line-height:1.2; color:#005bac; margin-bottom:20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; border:1px solid #ddd; }
.product-photo .original img { display:block; width:auto; height:330px; margin:0 auto; }
.product-info { margin:0 0 0 470px; }
.product-info .inso { margin-bottom:20px; }
.product-info .inso dd { height:20px; line-height:20px; margin-bottom:10px; font-size:16px; }
.product-info .inso span { color:; }
.product-info .tel { padding:15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { height:30px; line-height:30px; font-size:18px; padding:0 0 0 35px; background:url(../images/ico-tel.png) left center no-repeat; }
.product-info .tel dd { font-size:35px; color:#ff6200; line-height:1.2; }
.product-info .order { margin-bottom:90px; }
.product-info .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700; background:#005bac; text-align:center; }
.product-info .order a:hover { background:#ff6200; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; padding-top:30px; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; padding:0 0 0 15px; background:#f8f8f8; font-size:16px; color:#5f412e; }


 .relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
/*翻页*/
.pages{margin:30px auto 10px;text-align:center;display:block}
.pages a{display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #666;line-height:20px;height:20px;
    color:#666;background:#fff;text-decoration:none}.pages a:hover{border:1px solid #f5b200}
.pages span{display:block;float:left;padding:5px 0;line-height:20px;height:20px;border:1px solid #666;padding:5px 12px;color:#666}
.pages span.current{padding:5px 12px;margin:0 0 0 8px;color:#f5b200;font-weight:700 ;  border:1px solid #f5b200;}
.pages span.disabled{border:1px solid #666;padding:5px 12px;margin:0 0 0 8px;color:#666}
/*tuijian*/
.recommend-pro { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head:before { content:''; width:40px; height:3px; background:#005BAC; position:absolute; left:0; bottom:-1px; }
.recommend-pro .head h2 { font-size:18px; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-pro .head .mo:hover { color:#5f412e; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:174px; margin:0 30px 0 0; }
.recommend-pro .item .img { width:100%;   margin-bottom:10px; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%;height:130px; display: block; }
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item:hover a {color:#005BAC }
/*内页通用*/
.article { line-height:2; padding-bottom:20px;   }
.article img { max-width:100%; }


/*悬浮*/
.toolbar { width:40px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50; }
.toolbar dt{ width: 40px; height: 17px; background:url(../images/xuanfu_bg.png) 0 0 no-repeat;  }
.toolbar dt.xuanfu2{ width: 40px; height: 17px; background:url(../images/xuanfu_bg.png) -45px 0 no-repeat;  }
.toolbar  *{transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.toolbar dd { width:40px; height:40px; background:none; position:relative; background:url(../images/xf_hover.png) left center no-repeat #005bac;}
.toolbar dd:hover{ background:url(../images/xf_hover.png) right center no-repeat #005bac;  }
.toolbar dd > i { display:block; width:40px; height:40px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:40px; line-height:40px; font-size:20px; color:#FFF; padding:0 0 0 40px;  overflow:hidden; }
.toolbar .pop { position:absolute; right:70px; bottom:-42px; background:#005bac; display:none; }
.toolbar .pop .o { position:absolute; right:-1px; top:50%;  margin-top: -20px; background-color: #ff6200; width: 1px; height: 40px;}
.toolbar .pop-tel {     width: 100px; text-align: center; color: #fff;font-size: 12px;      bottom: -40px !important;
    height: 120px;
    background-color: #ff6200;
}
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:54px; background:url(../images/tool-telphone2.png) center 24px no-repeat; }
.toolbar .pop-tel .item {line-height: 16px;   }
.toolbar .pop-code { width:100px; height: 124px; background-color: #ff6200; }
.toolbar .pop-code img { width:87px; height:87px;  margin:0 auto; padding-top: 6px; display:block; }
.toolbar .pop-code li.erweTitle{ height: 31px; line-height: 31px; font-size: 12px;  text-align: center; color: #fff; }
.toolbar .qq { background:url(../images/tool-qq.png) 10px 10px no-repeat; }
.toolbar .tel { background:url(../images/tool-telphone.png) center center no-repeat; }
.toolbar .code { background:url(../images/tool-code.png) center center no-repeat; }
.toolbar .top { background:url(../images/tool-top.png) center center no-repeat; }